<template>
	<view class="uiwu-price-model">
		<text v-if="symbol_location == 'left'" :style="{'font-size':`${symbol_size}rpx`,'color':colors}"><slot name="symbol">{{symbol_text}}</slot></text>
		<text :style="{'font-size':`${money_size}rpx`,'color':colors}"><slot name="money" >{{money}}</slot> </text>
		<text v-if="symbol_location == 'right'" :style="{'font-size':`${symbol_size}rpx`,'color':colors}"><slot name="symbol">{{symbol_text}}</slot></text>
	</view>
</template>
<script>
	/**
	 * time：2022-07-07
	 * author：uiwu
	 * uiwu-price-model 价格组件
	 * @property {String,Number} money 价格 同时也支持插槽模式插槽名money
	 * @property {String} symbol_text 符号标识默认￥ 同时也支持插槽模式插槽名symbol
	 * @property {String,Number} symbol_size 符号字体大小 默认26单位是rpx
	 * @property {String} symbol_location 符号位置 支持left 、right
	 * @property {String,Number} money_size 金额字体大小 默认26单位rpx
	 * @property {String} colors 字体颜色默认白色#FFF
	 */
	export default {
		name:'uiwu-price-model',
		props:{
			money:{
				default:0,
				type:[String,Number]
			},
			symbol_location:{
				default:'left',
				type:String
			},
			symbol_text:{
				default:'￥',
				type:String
			},
			symbol_size:{
				default:26,
				type:[Number,String]
			},
			money_size:{
				default:26,
				type:[Number,String]
			},
			colors:{
				default:"#FFF",
				type:String
			}
		},
		data() {
			return {
				
			}
		},
	}
</script>
<style lang="scss" scoped>
	.uiwu-price-model{
		color: #FFF;
	}
</style>
